@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
/*Clearfix*/ 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
@font-face {
    font-family: 'uvn_ban_tayregular';
    src: url('fonts/uvnbantay_0-webfont.eot');
    src: url('fonts/uvnbantay_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/uvnbantay_0-webfont.woff') format('woff'),
         url('fonts/uvnbantay_0-webfont.ttf') format('truetype'),
         url('fonts/uvnbantay_0-webfont.svg#uvn_ban_tayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{ font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;}
a{ text-decoration: none; }
.left{ float: left !important;}
.right{ float: right !important;}
.t-cen{ text-align: center;}
.t-right{ text-align: right !important;}
.red{ color: #ff0000 !important;}
.conent-inner{ width: 1010px; margin: 0 auto;}
.search-work{ width: 590px; margin: 0 auto;}
.page-seach .site-main{ background: url(../images/bg-footer-gray.png) no-repeat center bottom; padding: 0px 0px 58px;}
.search-work h1,.frm-start h1,.title-bus h1,.shop-content h2,.infor-inner h2,.jour-right .input-box h1{font-family: 'uvn_ban_tayregular'; margin: 0px 0px 28px; font-weight: normal; color: #bb6828; font-size: 30px; text-transform: uppercase; text-align: center;}
.search-work .row{ margin: 0px 0px 6px;}
.search-work .row .input-box{ width: 290px; }
.search-work .row input{ padding: 5px; color: #989898; font: italic 18px/25px 'Myriad Pro', Arial, Helvetica, sans-serif; width: 280px; border: 1px solid #bdbdbd; text-indent: 5px; height: 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;}
.search-work .row input.txt-input{ width: 580px;}
.search-work .row input:hover{ border: 1px solid #76b7c2; color: #49a0ae; }
button.button,a.button{  -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; display: inline-block;  border: none; padding: 0px 40px; background: #46c6d3; color: #fff; cursor: pointer; height: 38px; font: bold italic 18px/38px 'Myriad Pro', Arial, Helvetica, sans-serif;}
button.btn-seach{ background: #bb6828;}
a.btn-bule{ background: #46c6d3; border: 1px solid #46c6d3; display: inline-block;}
a.btn-bule:hover{ background: #fff; color: #46c6d3;}
.box-button button.btn-red{ background: #ed1d24; border: 1px solid #ed1d24;}
.box-button button.btn-cancel{ background: #fff; border: 1px solid #b5b5b5; color: #989898;}
a.btn-register{ -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; display: block; line-height: 37px; background: #ed1d24; padding: 0px 15px; color: #fff; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }
a.add-language{ background: url(../images/icon-add.png) no-repeat left 0px; color: #46c6d3; font-size: 18px; font-style: italic; margin: 15px 0px 15px 5px; padding: 0px 0px 0px 30px; display: block; line-height: 21px; }
.txt-request{ color: #bb6828; font-size: 16px; margin: 15px 0px 15px 5px; font-style: italic; }
.txt-request span{ background: url(../images/arrow.png) no-repeat right 6px; padding: 0px 12px 0px 0px;}
.txt-request strong{ background: url(../images/arrow.png) no-repeat left 6px; padding: 0px 0px 0px 12px;}
.search-work .note{ text-align: center; color: #949494; font-size: 18px; font-style: italic; margin: 0px 0px 15px;}
.search-work .row label{ float: left; color: #666; font-size: 18px; font-style: italic; line-height: 35px; padding: 0px 0px 0px 5px;}
.skills{ color: #46c6d3; font-size: 18px; line-height: 35px; font-style: italic; margin-left: 10px;}
.content-pop{ width: 558px;}
.messass{ font-size: 18px; font-style: italic; line-height: 26px; margin: 0px 0px 30px;}
.list-step{ padding: 30px 0px 15px; margin: -16px 0px 25px; border-bottom: 2px dashed #74d4de; border-top: 2px dashed #74d4de;}
.list-step li{ float: left; width: 33.3%;}
.list-step li.last{ float: right; width: 20%; margin-top: -15px;}
.list-step li a{ color: #b2b2b2; font-size: 18px; font-style: italic; text-decoration: none; line-height: 22px;}
.list-step li a:hover{ color: #46c6d3; text-decoration: underline;}
.busin-other{ padding: 60px 60px 0px 20px; }
.page-start .site-main{ background: url(../images/bg-footer.png) no-repeat center bottom;}
.page-step2 .site-main{ background: url(../images/bg-footer-bule.png) no-repeat center bottom;}
.page-search .site-main{ background: none;}
.page-start .conent-inner{  padding: 0px 0px 85px; background: url(../images/bg-content.png) no-repeat right top;}
.page-step2 .conent-inner{  padding: 0px 0px 85px; background: url(../images/bg-content-bule.png) no-repeat right bottom;}
.page-search .conent-inner{ padding: 0px;  background: url(../images/bg-content.png) no-repeat right top;}
.top-page{ background: url(../images/top-page.png) no-repeat center bottom; padding: 0px 0px 12px; margin: 0px 0px 15px;}
.top-left{ float: left; width: 706px; text-align: right; line-height: 22px;}
.program{ padding: 0px 0px 0px 10px;}
.program-left{ float: left; width: 550px; }
.txt-pro{ color: #b2b2b2; font-size: 24px; float: left; line-height: 31px; font-family: 'uvn_ban_tayregular'; padding: 0px 7px 0px 0px;}
.program{ margin: 0px 0px 30px;}
.btn-pro{ float: left; background: url(../images/arrow-red.png) no-repeat center bottom; padding: 0px 0px 5px; font-family: 'uvn_ban_tayregular'; font-size: 24px; line-height: 31px; margin: 0 5px; }
.btn-pro span{ background: #ed1d24; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; color: #fff; display: block; line-height: 31px; padding: 0px 10px; font-size: 24px; }
.program-right{ float: right;}
.program-right label{ float: left; font-size: 18px; line-height: 29px; padding: 0px 15px 0px 0px; color: #ed1d24; font-style: italic;}
.frm-start{ width: 725px; margin: 0 auto;}
.frm-start .row{ margin: 0px 0px 11px;}
.frm-start .input-box{ width: 358px;}
.frm-start .input-box label{ display: block; font-style: italic; margin: 0px 0px 5px 12px; color: #49a0ae; font-size: 18px; font-weight: bold;}
.frm-start .input-box input,.frm-left input.txt-input,.jour-right .row .input-box input{ font: italic 18px/25px 'Myriad Pro', Arial, Helvetica, sans-serif; width: 348px; border: 1px solid #bdbdbd; text-indent: 5px; height: 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px; color: #49a0ae; border: 1px solid #6bb1bd; padding: 5px; text-indent: 5px; }
.frm-start .space-t{ margin-top: 30px;}
.list-logo{ margin: 0px -3px;}
.list-logo li{ float: left; width: 174px; overflow: hidden; height: 107px; border: 1px solid #838383; margin: 0px 3px 6px; position: relative;}
.infor-box{ background: url(../images/bg-shadow.png) repeat left top; width: 174px; height: 107px; top: 0px; left: 0px; position: absolute; display: none;}
.infor-box a{ display: block; margin-top: 84px; text-align: center; font-family: 'uvn_ban_tayregular'; font-size: 15px; background: #6a2123; line-height: 24px; color: #fff; border-top: 1px solid #a35d5f;}
.list-logo li:hover .infor-box{ display: block;}
.tool-bar{ text-align: center; margin: 30px 0px 0px;}
.tool-bar ul li{ display: inline-block; margin: 0px 5px; line-height: 25px;}
.tool-bar ul li a{ background: url(../images/page.png) no-repeat left top; vertical-align: middle; display: inline-block; width: 25px; height: 25px; font-family: 'uvn_ban_tayregular'; font-size: 19px; text-align: center; line-height: 21px; color: #fff; }
.tool-bar ul li a:hover,.tool-bar ul li.current{ background: url(../images/page-hover.png) no-repeat left top; color: #fff;}
.tool-bar ul li.first a{ background:url(../images/pre.png) no-repeat left top; width: 11px; height: 15px; font-size: 0%; line-height: 0%;}
.tool-bar ul li.first a:hover{ background: url(../images/pre-hover.png) no-repeat left top; }
.tool-bar ul li.last a{ background:url(../images/next.png) no-repeat left top;  width: 11px; height: 15px; font-size: 0%; line-height: 0%;}
.tool-bar ul li.last a:hover{ background: url(../images/next-hover.png) no-repeat left top; }
.tool-bar ul li.current{ width: 25px; height: 25px;}
.detail-inner{ width: 858px; border: 3px solid #ec1c23;}
.top-detail{ background: url(../images/arrow-big.png) no-repeat center bottom; padding: 0px 0px 10px;}
.top-detail-inner{ padding: 0px 0px 5px; background: #ec1c23; font-size: 15px;}
.top-detail-inner .logo{ float: left; width: 220px; height: 136px; border: 1px solid #6f6868; overflow: hidden;}
.top-detail-inner .infor{ padding: 5px 10px 0px 232px; }
.top-detail-inner .infor h1{ font-family: 'uvn_ban_tayregular'; color: #fff; margin: 0px 0px 0px; font-size: 23px; text-transform: uppercase; line-height: 23px;}
.top-detail-inner p{ color: #000; margin: 0px 0px 15px;}
.top-detail-inner .short-des{ color: #fff;}
.infor-company{ padding: 20px 15px 30px; }
.infor-company .row{ padding: 15px 0px; border-bottom: 2px dashed #a0a0a0; font-size: 16px;}
.infor-company .row.last{ border-bottom: none; }
.infor-company .row .name-city{ width: 48%;}
.infor-company .row .name-city strong{ display: block; font-weight: bold;}
.infor-company .row .name-city:hover{ color: #ec1c23;}
.title-bus{ padding: 0 164px 0 205px; margin: 0px 0px 25px; text-align: center; color: #333; font-size: 16px; }
.title-bus h1{ color: #ed1d24; font-size: 30px; margin: 0px 0px 10px;}
.title-bus p{ margin: 0px 0px 5px; font-style: italic;}
.box-regis1{ float: left; width: 250px;}
.frm-register .title{ padding: 10px; text-align: center; background: #46c6d3;-webkit-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; }
.frm-register .none-active .title{ background: #cbcbcb;}
.frm-register .title span{ background: url(../images/check.png) no-repeat left top; color: #fff; font-family: 'uvn_ban_tayregular'; font-size: 24px; text-transform: uppercase; display: inline-block; line-height: 22px; padding: 0px 0px 0px 30px;}
.frm-register .box-register2 .title span{ background: url(../images/checked.png) no-repeat left top;}
.box-content{ border: 1px solid #46c6d3; border-top: none; font-size: 16px; -webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding: 10px 10px 12px 10px; margin: 0px 0px 5px; }
.box-regis1 .box-content{ padding: 20px 10px 20px 10px; }
.box-register3 .box-content{ padding: 30px 10px 20px 10px; }
.box-content .row{ margin: 0px 0px 12px;}
.box-content p{ margin: 0px 0px 5px;}
.frm-register strong,.detail-shop-inner strong{ font-weight: bold;}
a.view-detail{ display: block; -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; color: #fff; background: #46c6d3; line-height: 37px; text-align: center; font-weight: bold; font-size: 18px; font-style: italic; margin: 18px 0px 0px;}
.none-active a.view-detail{ background: #cbcbcb;}
.box-content .row input{ -webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px; color: #46c6d3; font: bold 18px/20px 'Myriad Pro', Arial, Helvetica, sans-serif; margin: 0px 10px 0px 0px; text-indent: 5px; width: 75px; padding: 5px; height: 20px; border: 1px solid #5dcdd8;}
.box-content .row label{ font-style: italic; vertical-align: middle;}
.box-register2 .box-content .row input{ width: 340px;}
.txt-bule{ padding: 0px 15px; color: #46c6d3; font-style: italic; line-height: normal;}
.none-active .txt-bule{ color: #cdcdcd;}
.none-active .box-content .row input{ border: 1px solid #cdcdcd;}
.none-active .box-content{ border-color: #cdcdcd; color: #cdcdcd;}
.list-tt{ padding: 0px 0px 0px 8px;}
.list-tt li{ background: url(../images/check-small.png) no-repeat left 3px; cursor: pointer; word-wrap: break-word; line-height: 18px;  position: relative; font-style: italic; font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 0px 3px;}
.list-tt li input{ opacity: 0; width: 12px; height: 16px;}
.list-tt li.checked,.list-tt li:hover{ background: url(../images/checked-small.png) no-repeat left 3px; color: #46c6d3; text-decoration: underline;}
.box-register2{ float: left; width: 420px; margin: 0px 8px;}
.txt-unline{ text-decoration: underline;}
.box-register3{ float: right; width: 240px;}
.button-set{ margin-top: 12px;}
.detail-shop-inner{ width: 916px;}
.shop-content h2{ margin: 0px 0px 24px; color: #ed1d24;}
.img-shop{ border: 3px solid #46c6d3; margin: 0px 0px 15px;}
.txt-des{ font-size: 18px; font-style: italic; line-height: 22px;}
.txt-des .txt-des-left{ float: left; width: 47%; text-align: right;}
.txt-des .txt-des-right{ float: right; width: 47%; }
.infor-inner{ width: 896px;}
.infor-inner h2{ margin: 0px 0px 15px;}
.frm-left{ float: left; width: 252px; }
.frm-right{ float: right; width: 635px;}
.frm-infor1 .frm-right{ width: 610px;}
.frm-left input.txt-input{ width: 240px; margin: 0px 0px 8px;}
.frm-left .box-place{ margin: 0px 0px 15px;}
.frm-left .box-input{ margin: 0px 0px 8px;}
.frm-left input.txt-num{ width: 35px; width:  float: left; height: 28px; -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; border: 1px solid #bdbdbd;}
.frm-left label{ float: left; margin-right: 5px; line-height: 32px;}
.frm-infor p{ margin: 0px 0px 8px;}
.frm-right textarea{ margin: 0px 0px 15px; width: 625px; height: 112px; padding: 5px;  -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; border: 1px solid #aeaeae;}
.frm-infor1 .frm-right textarea{ width: 590px;}
textarea{ font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic;}
.add-position{ display: block; text-align: center;}
.add-position span{ color: #46c6d3; font-size: 18px; font-style: italic; font-weight: bold; text-transform: uppercase; background: url(../images/plush.png) no-repeat left 0px; padding: 0px 0px 0px 22px; text-decoration: underline;}
.box-button{ margin: 20px 0px 0px;}
.box-button button{ margin: 0px 4px;}
.link-detail{ color: #ed1d24; text-decoration: underline;}
.txt-gray{ color: #cdcdcd;}
.jour-left{ float: left; width: 190px;}
.jour-left .box-text{ border: 1px solid #c88f63; margin: 0px 0px 10px; padding: 20px 12px; color: #7a7a7a; font-size: 14px; font-style: italic; background: #e6e6e6;}
.jour-left .box-text a{ color: #ed1d24;}
a.upload{  -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; display: block; background: #ed1d24; color: #fff; text-align: center; line-height: 37px; font-size: 14px; font-style: italic;}
a.upload span{ display: inline-block; background: url(../images/arrow-white.png) no-repeat right 15px; padding: 0px 25px 0px 0px;}
.jour-right{ float: right; width: 725px;}
.jour-right .row{ margin: 0px 0px 5px;}
.jour-right .input-box h1{ color: #ed1d24; text-align: right; font-size: 30px; line-height: 30px; margin: 0px 0px 5px;}
.jour-right .row .input-box{ width: 358px;}
.jour-right .row .input-box input{ color: #aeaeae; border: 1px solid #cdcdcd;}
.jour-right .row .input-box input:hover{ color: #bb6828; border: 1px solid #bb6828;}
.jour-right .row .input-box label{ color: #bb6828; line-height: 35px; font-size: 18px; font-style: italic;}
.jour-right .row textarea{ -webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px; border: 1px solid #cdcdcd; height: 110px; width: 718px; padding: 5px; text-indent: 5px; color: #aeaeae; margin: 0px 0px 20px;}
.jour-right p{ color: #949494; font-size: 18px; font-style: italic; margin: 0px 0px 10px;}
.jour-right p span{ text-decoration: underline;}
.frm-infor1{ height: 480px; overflow-y: scroll; overflow-x: hidden;}
.search-title{ -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius:  8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; text-align: center; color: #fff; line-height: 26px; font-size: 17px; font-weight: 600; background: #49a0ae; }
.tbl-result{ padding: 0px 10px 15px; width: 100%; }
.tbl-result th{ border-bottom: 1px solid #e1bda1; text-align: left; color: #e1bda1; font-size: 18px; font-weight: bold; text-transform: uppercase;}
.tbl-result th,.tbl-result td{ padding: 8px 8px;}
.tbl-result th.first,.tbl-result td.first{ border-left: 1px solid #b0d6dc;}
.tbl-result th.last,.tbl-result td.last{ border-right: 1px solid #b0d6dc;}
.tbl-result td{ color: #1d8b96; font-size: 14px; line-height: 22px;}
.tbl-result td a{  color: #1d8b96;}
.tbl-result td a:hover{ text-decoration: underline; }
.tbl-result td .name-city{ text-transform: uppercase; font-size: 14px; font-weight: 600;}
.tbl-result td.bgred{ background: #ed1d24; border: none;color: #fff !important;}
.tbl-result td.bgred a{ color: #fff;}
.tbl-result td.bgred.first{   -webkit-border-radius: 0px 0px 0px 8px; -moz-border-radius:  0px 0px 0px 8px; border-radius: 0px 0px 0px 8px;}
.tbl-result td.bgred.last{   -webkit-border-radius: 0px 0px 8px 0px; -moz-border-radius:  0px 0px 8px 0px; border-radius: 0px 0px 8px 0px;}
.tool-bar li.page-last a{ background: #49a0ae; color: #fff;  -webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px; width: auto; text-transform: uppercase; line-height: 25px; padding: 0px 12px;}
.tool-bar li.page-last a:hover{ background: #ed1d24;}
